// 1. 导入react核心库
import React from 'react';
// 2. 导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client';
// 3. 创建虚拟dom
import './index.css';
let baiduNode = (
  <>
    {/* baidu首页 */}
    <div className="baidu">
      <div className="logo">
        <img
          src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png"
          alt="百度"
        />
      </div>
      <div className="search">查询内容</div>
      <div className="list-main">
        <header className="list-hd">标题</header>
        <main className="list-bd">
          <p>开启新的奔赴</p>
        </main>
      </div>
    </div>
    <div className="todolist">todolist</div>
    {/* todolist */}
  </>
);
// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'));

// 5. 渲染虚拟dom到页面中
root.render(baiduNode);
